// 数量样式
// shaokr
//----------------------------------------
// dom
// ------------------------------------
// <div class="fnwap_number">
//     <div class="nr_left"></div>
//     <input type="number" value="1">
//     <div class="nr_right"></div>
// </div>
// -----------------------------------
//
input{
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button{
        appearance: none !important;
        -webkit-appearance: none !important;
        margin: 0;
    }
    &[type="number"]{-moz-appearance:textfield;}
}
.fnwap_number {
    display: flex;
    overflow: hidden;

    width: @u*172;

    border: 1px solid @border-color-d5;
    border-radius: 0.04rem;

    align-items: center;
    .nr_left,
    .nr_right {
        font-size: @font-size-xl;
        display: flex;
        width: @u*56;
        height: @u*56;
        align-items: center;
        justify-content: center;
    }
    .nr_left {
        border-right: 1px solid @border-color-d5;
        &::after{
            .iconfont();
            content: '\e61e';
        }
    }
    .nr_right {
        border-left: 1px solid @border-color-d5;
         &::after{
            .iconfont();
            content: '\e61f';
        }
    }
    input {
        display: block;
        min-width: 0;
        margin: 0 @u*6;

        text-align: center;

        border: none;

        flex: 1;
    }
}
